<div id="header-div">
<nav class="navbar navbar-expand-lg">
    <div class="search-panel">
        <div class="search-inner d-flex align-items-center justify-content-center">
            <div class="close-btn">Close <i class="fa fa-close"></i></div>
            <form id="searchForm" action="#">
                <div class="form-group">
                    <input type="search" name="search" placeholder="What are you searching for...">
                    <button type="submit" class="submit">Search</button>
                </div>
            </form>
        </div>
    </div>
    <div class="container-fluid d-flex align-items-center justify-content-between">
        <div class="navbar-header">
            <!-- Navbar Header--><a href="home.html" class="navbar-brand">
            <div class="brand-text brand-big visible text-uppercase"><strong class="text-primary">小标</strong><strong>会议平台</strong></div>
            <div class="brand-text brand-sm"><strong class="text-primary">X</strong><strong>B</strong></div>
        </a>
            <!-- Sidebar Toggle Btn-->
            <button class="sidebar-toggle"><i class="fa fa-long-arrow-left"></i></button>
        </div>
        <div class="right-menu list-inline no-margin-bottom">
            <!-- Log out -->
            <div class="list-inline-item logout">
                <a id="logout" href="javacript:;" @click="loginOut" class="nav-link"><span class="d-none d-sm-inline">Logout </span></a>
            </div>
        </div>
    </div>
</nav>
</div>

<script src="js/vue-2.6.11.js"></script>
<script src="js/axios-0.19.2.min.js"></script>
<script>
    new Vue({
        el:'#header-div',  //选中整个main
        data:{

        },
        methods:{
            //退出登陆
           loginOut:function () {
               //清除前端session
                sessionStorage.clear();
                //清除后端的session
               // clearSession
               axios.get("common/clearSession").then(rs=>{
                   layer.msg("退出成功！");
                   location.href='index.html';
               }).catch(e={

               });
           }
        },
    });
</script>